.page{
	background: #F9F9F9;
	.tab-wrap{
		.end-title{
			display: flex;
			justify-content: space-between;
			background: #FFFFFF;
			font-size: 30rpx;
			font-weight: 600;
			color: #666666;
			padding: 0 20rpx;
			height: 100rpx;
			width: 750rpx;
			position: fixed;
			left: 0;
			top: 90rpx;
			/* #ifdef APP-PLUS */
			top: 0;
			/* #endif */
			/* #ifdef MP */
			top: 0;
			/* #endif */
			z-index: 100;
		}
		.end-title view{
		    text-align: center;
			height: 100rpx;
			line-height: 100rpx;
			padding: 0 20rpx;
		}
		.on{
		    color: #E84C33;
			border-bottom: solid 4rpx #E84C33;
		}
		.dis{
		    display: block;
		} 
		 .tab-cont{
			margin-top: 116rpx;
			.search-wrap{
				background: #FFFFFF;
				padding: 26rpx 20rpx;
				.search{
					display: flex;
					align-items: center;
					height: 80rpx;
					border-radius: 4rpx;
					border: 2rpx solid #EBEBEB;
					.iconsearch{
						padding: 0 14rpx;
						font-size: 40rpx;
						color: #DADADA;
					}
					input{
						height: 80rpx;
						line-height: 80rpx;
						width: 620rpx;
					}
					.placeholder{
						font-size: 28rpx;
						font-weight: 400;
						color: #CCCCCC;
					}
				}
			}
			.list-wrap{
				.item{
					padding: 24rpx;
					background: #fff;
					margin-top: 36rpx;
					.head{
						display: flex;
						justify-content: space-between;
						.lf{
							width: 218rpx;
							height: 152rpx;
							image{
								width: 218rpx;
								height: 152rpx;
							}
						}
						.rt{
							width: 466rpx;
							.title{
								color: #333333;
								font-weight: 600;
								text-overflow: -o-ellipsis-lastline;
								overflow: hidden;
								text-overflow: ellipsis;
								display: -webkit-box;
								-webkit-line-clamp: 2;
								line-clamp: 2;
								-webkit-box-orient: vertical;
							}
							.time{
								font-size: 24rpx;
								font-weight: 400;
								color: #999999;
								line-height: 34rpx;
								margin-top: 28rpx;
							}
						}
					}
					.foot{
						display: flex;
						justify-content: space-between;
						.item{
							color: #666;
							display: flex;
							height: 100rpx;
							align-items: center;
							padding: 0;
							.profile-photo{
								width: 40rpx;
								height: 40rpx;
								border-radius: 100%;
							}
							.name{
								color: #C3C3C3;
								padding-left: 6rpx;
							}
							.img{
								width: 36rpx;
								height: 36rpx;
							}
							.text{	
								height: 34rpx;
								font-size: 24rpx;
								font-weight: 400;
								color: #666666;
								line-height: 34rpx;
								padding-left: 6rpx;
							}
						}
					}
				}
			}
		 }
	}  
	.btn-fixed{
		position: fixed;
		right: 16rpx;
		bottom: 152rpx;
		width: 84rpx;
		height: 84rpx;
		background: linear-gradient(136deg, #699AFB 0%, #417EF7 100%);
		border-radius: 42rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 50;
		.text{
			width: 52rpx;
			// height: 52rpx;
			font-size: 24rpx;
			font-weight: 400;
			color: #FFFFFF;
		}
	}
}